<!DOCTYPE html>
<html lang="zh">
<head>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>街头巷尾-详情</title>
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <link href="css/swiper.min.css" rel="stylesheet" type="text/css"/>
</head>
<body id="jtxw-xq">
    <div class="container" >
        <div class="swiper-container swiper-picture">
            <div class="swiper-wrapper">
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/arbanner.jpg" /></a>

                <a class="swiper-slide" > <img src="tmp/1493192339733.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1493977819740.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/1492136627084.jpg" /></a>
                <a class="swiper-slide" ><img src="tmp/13123.png" /></a>

            </div>
            <!-- Add Pagination -->
            <div class="swiper-pages"></div>
        </div>
        <div class="bk-01">
            <h3>骗子蠢蠢欲动 黑客能帮你改高考分？假的</h3>
            <div class="cont">
                <p >奥斯卡多久啊红烧冬瓜几个坑</p>

            </div>
        </div>
        <div class="related">
            <h3>相关推荐</h3>
            <div class="list clearfix">
                <a>
                    <p>
                        <img src="tmp/food.png" />
                    </p>
                    <span>文章标题文章标题文章标题文章标题文章标题文章标题</span>
                </a>
                <a>
                    <p>
                        <img src="tmp/food.png" />
                    </p>
                    <span>文章标题文章标题文章标题文章标题文章标题文章标题</span>
                </a>
                <a>
                    <p>
                        <img src="tmp/food.png" />
                    </p>
                    <span>文章标题文章标题文章标题文章标题文章标题文章标题</span>
                </a>
                <a>
                    <p>
                        <img src="tmp/food.png" />
                    </p>
                    <span>文章标题文章标题文章标题文章标题文章标题文章标题</span>
                </a>
                <a>
                    <p>
                        <img src="tmp/food.png" />
                    </p>
                    <span>文章标题文章标题文章标题文章标题文章标题文章标题</span>
                </a>
                <a>
                    <p>
                        <img src="tmp/food.png" />
                    </p>
                    <span>文章标题文章标题文章标题文章标题文章标题文章标题</span>
                </a>
                <a>
                    <p>
                        <img src="tmp/food.png" />
                    </p>
                    <span>文章标题文章标题文章标题文章标题文章标题文章标题</span>
                </a>
            </div>
        </div>

       <!-- <div class="write-comment">
            <div class="count">
                    <i>99+</i>
            </div>
            <div class="input">
                <input type="text" />
            </div>
        </div>-->
        <div class="download-now">
            <img class="logo" src="images/dlogo.png" />
            <div class="cont">
                <h5>牛播王</h5>
                <p>专注移动推广,共享广告资源</p>
            </div>
            <a class="btn">立即下载</a>
        </div>
    </div>
    <script src="js/rem.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script>
        var swiperPicture = new Swiper('.swiper-picture', {
            pagination: '.swiper-pages',
            paginationType : 'fraction',
            autoHeight: true,
            paginationFractionRender: function (swiper, currentClassName, totalClassName) {
                return '<span class="' + currentClassName + '"></span>' +
                    '/' +
                    '<span class="' + totalClassName + '"></span>';
            }

        });
    </script>
</body>
</html>